<template>
	<div id="home">
		<el-container>
  			<el-header class="header">
  				<div class="logo"></div>
  				<el-button type="danger" size='mini' round style="width: 40px;height: 40px;
  					margin-left: 1500px;margin-top: 10px;"
  				@click='fn'
  				>
  					<i class="fa fa-sign-out"></i>
  				</el-button>
  			</el-header>
  			<el-container class="content">
   			<el-aside width="200px">
   				<navmenu></navmenu>
   			</el-aside>
    		<el-main>
    			<router-view></router-view>
    		</el-main>
  			</el-container>
		</el-container>
	</div>
</template>

<script>
	import navmenu from './NavMenu'
	export default{
		components:{navmenu},
		methods:{
			
			fn(){
				var action=()=>{
					localStorage.clear();
					this.$router.push('/signin')
				}
				this.operatorConfirm(action,'退出');
			}
		},
		
	}
</script>

<style lang="scss" scoped>
	#home{
		width: 100%;
		height: 100%;
		padding: 0;
		}
		.el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    height: 100%;
  }
  
  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    height: 100%;
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    height: 100%;
  }
  
  .el-container {
    
    height: 100%;
  }	
	
</style>